<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大麦网演唱会</title>
    <link rel="stylesheet" href="../css/common.css">
    <style>
        .container {
            padding: 20px;
        }

        .list {
            width: 800px;
            height: 50px;
            border: 1px solid #cccccc;
            margin: 5px 0px;
        }

        .list li {
            padding: 5px 10px;
            margin: 0 10px;
            cursor: pointer;
        }

        .list li.active {
            background: orangered;
            color: #ffffff;
        }

        .show {
            width: 800px;
            border: 1px solid #cccccc;
            margin: 5px 0px;
            padding: 10px;
            box-sizing: border-box;
        }

        .show>.ticket {
            box-sizing: border-box;
            margin: 10px 0px;
            border-bottom: 1px dashed #cccccc;
        }

        .show>.ticket img {
            width: 180px;
            height: 250px;
        }

        .show>.ticket>ul {
            margin-left: 10px;
        }

        .show>.ticket>ul>li {
            margin: 10px 0px;
        }

        .show>.ticket>ul>li.title {
            font-size: 18px;
            font-weight: bold;
        }
    </style>
</head>

<body>
    <div class="container">
        <ul class="city list flex a-c">
        </ul>
        <ul class="type list flex a-c">
        </ul>
        <div class="show">
            <!-- <div class="ticket flex">
                <div class="img">
                    <img
                        src="https://img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i3/2251059038/O1CN019zOA512GdSHDlmFF4_!!2251059038.jpg_q60.jpg_.webp">
                </div>
                <ul>
                    <li class="title">【北京】 杭盖乐队《北归》摇滚与铜管音乐会</li>
                    <li>北京</li>
                    <li>演唱会</li>
                    <li>2020.12.04-12.05</li>
                </ul>
            </div> -->
        </div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script src="./js/index01.js"></script>
</body>

</html>